﻿<!DOCTYPE html>
<html>
  <head>
    <title>好友</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/好友/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/好友/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u12512" class="ax_default" data-left="45" data-top="103" data-width="366" data-height="41">

        <!-- Unnamed (文本框) -->
        <div id="u12513" class="ax_default text_field">
          <div id="u12513_div" class=""></div>
          <input id="u12513_input" type="text" value="" class="u12513_input"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u12514" class="ax_default icon">
          <img id="u12514_img" class="img " src="images/用户流程图/u941.svg"/>
          <div id="u12514_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u12515" class="ax_default primary_button">
        <div id="u12515_div" class=""></div>
        <div id="u12515_text" class="text ">
          <p><span>发布</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u12516" class="ax_default" data-left="45" data-top="248" data-width="465" data-height="120">

        <!-- Unnamed (矩形) -->
        <div id="u12517" class="ax_default box_2">
          <div id="u12517_div" class=""></div>
          <div id="u12517_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u12518" class="ax_default _图片_">
          <img id="u12518_img" class="img " src="images/用户流程图/u946.svg"/>
          <div id="u12518_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12519" class="ax_default label">
          <img id="u12519_img" class="img " src="images/用户流程图/u947.svg"/>
          <div id="u12519_text" class="text ">
            <p><span>打工人阿宝</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12520" class="ax_default label">
          <img id="u12520_img" class="img " src="images/社群/u2502.svg"/>
          <div id="u12520_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12521" class="ax_default _文本段落">
          <div id="u12521_div" class=""></div>
          <div id="u12521_text" class="text ">
            <p><span>签名：天天开心，天天快乐</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12522" class="ax_default _文本段落">
          <div id="u12522_div" class=""></div>
          <div id="u12522_text" class="text ">
            <p><span>晚点出来玩吗？</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u12523" class="ax_default ellipse1">
          <img id="u12523_img" class="img " src="images/社群/u2505.svg"/>
          <div id="u12523_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u12524" class="ax_default" data-left="45" data-top="379" data-width="465" data-height="120">

        <!-- Unnamed (矩形) -->
        <div id="u12525" class="ax_default box_2">
          <div id="u12525_div" class=""></div>
          <div id="u12525_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u12526" class="ax_default _图片_">
          <img id="u12526_img" class="img " src="images/用户流程图/u953.svg"/>
          <div id="u12526_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12527" class="ax_default label">
          <img id="u12527_img" class="img " src="images/用户流程图/u947.svg"/>
          <div id="u12527_text" class="text ">
            <p><span>打工人阿龙</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12528" class="ax_default label">
          <img id="u12528_img" class="img " src="images/社群/u2502.svg"/>
          <div id="u12528_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12529" class="ax_default _文本段落">
          <div id="u12529_div" class=""></div>
          <div id="u12529_text" class="text ">
            <p><span>签名：学学学</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u12530" class="ax_default" data-left="45" data-top="510" data-width="465" data-height="120">

        <!-- Unnamed (矩形) -->
        <div id="u12531" class="ax_default box_2">
          <div id="u12531_div" class=""></div>
          <div id="u12531_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u12532" class="ax_default _图片_">
          <img id="u12532_img" class="img " src="images/用户流程图/u959.svg"/>
          <div id="u12532_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12533" class="ax_default label">
          <img id="u12533_img" class="img " src="images/用户流程图/u947.svg"/>
          <div id="u12533_text" class="text ">
            <p><span>打工人阿呆</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12534" class="ax_default label">
          <img id="u12534_img" class="img " src="images/社群/u2502.svg"/>
          <div id="u12534_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12535" class="ax_default _文本段落">
          <div id="u12535_div" class=""></div>
          <div id="u12535_text" class="text ">
            <p><span>签名：呆~</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u12536" class="ax_default" data-left="45" data-top="641" data-width="465" data-height="120">

        <!-- Unnamed (矩形) -->
        <div id="u12537" class="ax_default box_2">
          <div id="u12537_div" class=""></div>
          <div id="u12537_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u12538" class="ax_default _图片_">
          <img id="u12538_img" class="img " src="images/用户流程图/u965.svg"/>
          <div id="u12538_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12539" class="ax_default label">
          <img id="u12539_img" class="img " src="images/用户流程图/u947.svg"/>
          <div id="u12539_text" class="text ">
            <p><span>打工人阿美</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12540" class="ax_default label">
          <img id="u12540_img" class="img " src="images/社群/u2502.svg"/>
          <div id="u12540_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12541" class="ax_default _文本段落">
          <div id="u12541_div" class=""></div>
          <div id="u12541_text" class="text ">
            <p><span>签名：1001、1002、1003...</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u12542" class="ax_default" data-left="45" data-top="164" data-width="467" data-height="58">

        <!-- Unnamed (矩形) -->
        <div id="u12543" class="ax_default box_3">
          <div id="u12543_div" class=""></div>
          <div id="u12543_text" class="text ">
            <p><span>推荐</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12544" class="ax_default box_3">
          <div id="u12544_div" class=""></div>
          <div id="u12544_text" class="text ">
            <p><span>关注</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12545" class="ax_default box_3">
          <div id="u12545_div" class=""></div>
          <div id="u12545_text" class="text ">
            <p><span>我的</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12546" class="ax_default box_3">
          <div id="u12546_div" class=""></div>
          <div id="u12546_text" class="text ">
            <p><span>好友</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u12547" class="ax_default" data-left="0" data-top="0" data-width="559" data-height="1116">

        <!-- Unnamed (组合) -->
        <div id="u12548" class="ax_default" data-left="30" data-top="995" data-width="495" data-height="90">

          <!-- Unnamed (矩形) -->
          <div id="u12549" class="ax_default box_1">
            <div id="u12549_div" class=""></div>
            <div id="u12549_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u12550" class="ax_default" data-left="51" data-top="1048" data-width="70" data-height="24">

          <!-- Unnamed (矩形) -->
          <div id="u12551" class="ax_default label">
            <div id="u12551_div" class=""></div>
            <div id="u12551_text" class="text ">
              <p><span>就业</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u12552" class="ax_default" data-left="68" data-top="1012" data-width="33" data-height="33">

          <!-- Unnamed (形状) -->
          <div id="u12553" class="ax_default _形状">
            <img id="u12553_img" class="img " src="images/用户流程图/u695.svg"/>
            <div id="u12553_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u12554" class="ax_default _形状">
            <img id="u12554_img" class="img " src="images/用户流程图/u696.svg"/>
            <div id="u12554_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u12555" class="ax_default _形状">
            <img id="u12555_img" class="img " src="images/用户流程图/u697.svg"/>
            <div id="u12555_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u12556" class="ax_default" data-left="166" data-top="1012" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u12557" class="ax_default" data-left="166" data-top="1048" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u12558" class="ax_default label">
              <div id="u12558_div" class=""></div>
              <div id="u12558_text" class="text ">
                <p><span>课程</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u12559" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u12560" class="ax_default" data-left="166" data-top="1012" data-width="33" data-height="33">

            <!-- Unnamed (形状) -->
            <div id="u12561" class="ax_default _形状">
              <img id="u12561_img" class="img " src="images/元件/u14.svg"/>
              <div id="u12561_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u12562" class="ax_default _形状">
              <img id="u12562_img" class="img " src="images/元件/u15.svg"/>
              <div id="u12562_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u12563" class="ax_default" data-left="361" data-top="1017" data-width="48" data-height="55">

          <!-- Unnamed (组合) -->
          <div id="u12564" class="ax_default" data-left="363" data-top="1048" data-width="46" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u12565" class="ax_default label">
              <div id="u12565_div" class=""></div>
              <div id="u12565_text" class="text ">
                <p><span>资讯</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u12566" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u12567" class="ax_default icon">
            <img id="u12567_img" class="img " src="images/元件/u20.svg"/>
            <div id="u12567_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u12568" class="ax_default" data-left="264" data-top="1012" data-width="52" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u12569" class="ax_default" data-left="264" data-top="1048" data-width="52" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u12570" class="ax_default label">
              <div id="u12570_div" class=""></div>
              <div id="u12570_text" class="text ">
                <p><span>社群</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u12571" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u12572" class="ax_default icon">
            <img id="u12572_img" class="img " src="images/用户流程图/u999.svg"/>
            <div id="u12572_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u12573" class="ax_default" data-left="457" data-top="1012" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u12574" class="ax_default" data-left="457" data-top="1048" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u12575" class="ax_default label">
              <div id="u12575_div" class=""></div>
              <div id="u12575_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u12576" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u12577" class="ax_default icon">
            <img id="u12577_img" class="img " src="images/元件/u30.svg"/>
            <div id="u12577_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u12578" class="ax_default" data-left="0" data-top="0" data-width="559" data-height="1116">

          <!-- Unnamed (图片 ) -->
          <div id="u12579" class="ax_default image disabled">
            <img id="u12579_img" class="img " src="images/元件/u35.png"/>
            <div id="u12579_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u12580" class="ax_default image">
            <img id="u12580_img" class="img " src="images/元件/u33.png"/>
            <div id="u12580_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u12581" class="ax_default image">
            <img id="u12581_img" class="img " src="images/元件/u34.png"/>
            <div id="u12581_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u12582" class="ax_default image">
            <img id="u12582_img" class="img " src="images/元件/u36.png"/>
            <div id="u12582_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u12583" class="ax_default" data-left="315" data-top="37" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u12584" class="ax_default image1">
            <img id="u12584_img" class="img " src="images/元件/u38.png"/>
            <div id="u12584_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u12585" class="ax_default icon">
            <img id="u12585_img" class="img " src="images/元件/u39.svg"/>
            <div id="u12585_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u12586" class="ax_default icon">
            <img id="u12586_img" class="img " src="images/元件/u40.svg"/>
            <div id="u12586_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12587" class="ax_default label">
          <div id="u12587_div" class=""></div>
          <div id="u12587_text" class="text ">
            <p><span>7:00</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u12588" class="ax_default" data-left="420" data-top="45" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u12589" class="ax_default image1">
            <img id="u12589_img" class="img " src="images/元件/u38.png"/>
            <div id="u12589_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u12590" class="ax_default icon">
            <img id="u12590_img" class="img " src="images/元件/u39.svg"/>
            <div id="u12590_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u12591" class="ax_default icon">
            <img id="u12591_img" class="img " src="images/元件/u40.svg"/>
            <div id="u12591_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u12592" class="ax_default" data-left="45" data-top="909" data-width="465" data-height="16">

        <!-- Unnamed (形状) -->
        <div id="u12593" class="ax_default line">
          <img id="u12593_img" class="img " src="images/社群/u2525.svg"/>
          <div id="u12593_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u12594" class="ax_default line">
          <img id="u12594_img" class="img " src="images/社群/u2525.svg"/>
          <div id="u12594_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u12595" class="ax_default label">
          <div id="u12595_div" class=""></div>
          <div id="u12595_text" class="text ">
            <p><span>4位好友</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u12596" class="ax_default label">
        <div id="u12596_div" class=""></div>
        <div id="u12596_text" class="text ">
          <p><span>逻辑描述</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u12597" class="ax_default label">
        <div id="u12597_div" class=""></div>
        <div id="u12597_text" class="text ">
          <p><span>1. 点击“好友”按钮</span></p><p><span>页面跳转到【好友】页面</span></p><p><span><br></span></p><p><span>2. 点击【好友】页面内用户模块</span></p><p><span>跳转【好友聊天】页面</span></p><p><span><br></span></p><p><span>2.1 红点显示</span></p><p><span>当好友向你发送消息时，如果未点击阅读小红点显示</span></p><p><span>红点内显示的数字表示未读消息数</span></p><p><span><br></span></p><p><span>2.2 红点消失</span></p><p><span>点击用户模块跳转【好友聊天】页面，退出后红点消失</span></p><p><span>拖拽红点离开红点初始位置后，红点消失</span></p><p><span><br></span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
